<template>
    <div>
        <div>状态管理vuex</div>
        <!-- https://vuex.vuejs.org/zh -->
        <div>----------------------------------------------------------</div>
        <div>{{ msg }}</div>

        <button @click="change">change</button>

    </div>
</template>
<script>
export default {
    data(){
        return{
            msg:'123'
        }
    },
    methods:{
        change(){
            // vuex取数据 将store.js 的count值赋给msg
            //console.log(this.$store)
            // this.msg = this.$store.state.count;
            // 修改公共数据
            // dispatch是用来修改actions中的数据，是异步的
            this.$store.dispatch('inc',666);
            // this.msg = this.$store.state.count; // 1,2,3,4...
            this.msg = this.$store.state.num; // 666
            
        }
    }
}
</script>


